/**
	* main.css v1.1
	* Author // Paul O'Brien
	* Toyboy Wearhouse
	* Copyright 2014, Toyboy Wearhouse
	* http://toyboywearhouse.com
	*/

body{
	position: relative;
	height: 100%;
	font-size: 13px;
	color: #4d4d4d;
	overflow-x: hidden;
	font-family: 'Open Sans',sans-serif;
	 -webkit-font-smoothing: antialiased !important;
}

.logo{
	background: url("../../img/logo.png") 0 0 no-repeat;
	width: 119px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	margin-top: 13px;
}
.push-20-mobile{
	margin-top: 0px;
}
.header-h2{
	font-size: 14px;
	text-align: center;
	line-height: 25px;
}
.header-h2 span{
	font-weight: bold;
}
.full-width{
	width: 100%;
}
.border-right{
	border-right:  1px solid #e7e7e7;
}
.search-height{
	padding-bottom: 0px;
}
.text-left{
	text-align: left;
}
.border-break{
	border-bottom: 1px solid #e7e7e7;
	display: block;
}
.border-left{
	border-left:  1px solid #e7e7e7;
}
.logo:hover{
	opacity: 0.7;
}
.padding-right-10{
	padding-right: 10px;
}
.padding-bottom-10{
	padding-bottom: 10px;
}
.padding-5{
	padding: 5px;
}
.bold-title{
	font-size: 14px;
	font-weight: bold;
}
.margin-top-20{
		margin-top: 20px;
}
.padding-top-20{
		padding-top: 20px !important;
}
.no-padding-left{
	padding-left: 0px;
}
.padding-top-15{
	padding-top: 15px;
}
.no-padding-top{
	padding-top: 0px;
}
.no-padding-bottom{
	padding-bottom: 0px;
}
.extra-padding{
	padding: 3px;
}
.pull-up-10{
	position: relative;
	top: -10px;
}
.padding-left{
	padding:0 0 0 15px;
}
.no-padding-right{
	padding-right: 0px;
}
.padding-top-20{
	padding-top: 20px;
}
.push-10{
	margin-bottom: 10px;
}
.padding-top-5{
	padding-top: 5px;
}
.push-left-20{
	margin-left: 20px;
}
.push-30{
	margin-top: 30px;
}
.push-40{
	margin-top: 40px;
}
.small-heading{
	padding-bottom: 10px;
}
.padding-right-5{
	padding-right: 10px;
}
.margin-left-10{
		margin-left: 10px;
}
.display-inline{
	display: inline-block;
}
.no-padding{
	padding: 0px;
}
.image-inline{
	display: inline-block;
	margin-right: 5px;
}
.margin-right-3{
	margin-right: 3px;
}
.no-float{
		float: none;
}
.normal-link{
	font-weight: normal;
}
.normal-link:hover{
	font-weight: normal;
}
.title-break{
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
}
select{
	-moz-appearance: none;
	-webkit-appearance: none;
}
.bold{
	font-weight: bold;
}
li{
	list-style: none;
}
.no-box-shadow{
	box-shadow: none;
}
ul{
		margin: 0px !important;
		padding-left: 0px !important;
}
.clearfix{
		clear: both;
}
.margin-top-25{
	margin-top: 25px;
}
.grey-bg-panel{
	background: #f7f7f7 !important;
}
.grey-bg{
	background: #f7f7f7 !important;
	padding: 20px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	font-size: 13px;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	border-color: #efefef;

}
.winks-wrap .large-title{
	margin-bottom: 40px;
	margin-top: 20px;
	text-align: center;
}
.grey{
	background: #f7f7f7;
	border: none !important;
}
.border-bottom{
	border-bottom: 1px solid #eaeaea;
}
.large-title{
	font-size: 22px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 200 !important;
}
.large-title span{
	font-weight: 600;
}
.push-20{
	margin-top: 20px;
}
.push-20-padding{
	padding-top: 20px;
}
.circle img{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
    border-radius: 50%;
}
.dropdown-menu{
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	border: 1px solid #efefef;
	padding: 0;
	min-width: 100px;
}
.looking-for-list p{
	line-height: 24px;
}
.image-style img{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #EAEAEA;
	padding: 2px;
	margin: 2px;
	float: left;
	margin-right: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.panel-heading>h3{
	font-size: 18px;
}
.you-light-like-title{
	font-weight: bold;
}
.you-might-like-grey{
	background-color: #f7f7f7 !important;
}
.caption .dropdown-toggle{
	margin-right: 0px;
}
/************Footer*************/

#footer ul li{
	display: inline-block;
	padding: 10px
}
#footer ul li a{
	font-weight: normal;
}
#footer ul li a:hover{
	font-weight: normal;
}
/*************HEADER*************/
.mobile-menu-left{
	display:none;
	}
.mobile-menu-right{
	display: none;
}

#header,
.header{
	background: #383a3b;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 65px;
	height: 65px;
	padding: 0 20px;
	margin-bottom: 20px;
}

#phone-menu a,
.phone-menu a{
	background: white;
	width: 72px;
	height: 38px;
	position: absolute;
	top: 14px;
	left: -10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#phone-menu i{
	font-size: 23px;
	position: absolute;
	top: 8px;
	left: 11px;
	color: #cccccc;
	}
	#phone-menu .fa-comments{
		color: #797979;
		font-size: 18px;
		top: 10px;
		left: 16px;
	}


#header a.right, .header a.right{
	left: auto;
	right: -10px;
}
#phone-menu .badge{
	position: absolute;
	top: 9px;
	left: 43px;
	}

#content,.content{
	padding: 20px;
}
.profile-dropdown{
	position: absolute;
	top: 13px;
	right: 0px;
	width: 97px;
}
.username-link{
	font-weight: bold;

}

.panel-body.padding-5 .wink-btn{
	margin-left: 10px;
	margin-bottom: 5px;
}
.vote-btn{
	margin-top: 15px;
	margin-left: 20px;

}
.username.hottie{
		min-width: 20%;
	float: left;
}
@media screen and (min-width:991px){
	.username.hottie{
		width: 24%;
		float: left;
	}
}
/*************LEFT DESKTOP NAVIGATION**************/

.left-nav-desktop a{
	color: #444;
	font-weight: bold;
	color: #525252;
}
.left-nav-desktop a:hover{
	color: #ea6a5a;
	text-decoration: none;
}
	.left-nav-desktop i{
		padding-right: 10px;;
		color: #525252;
}
.left-nav-desktop .list-group-item{
	position: relative;
	display: block;
	padding: 10px 0px 10px 0px !important;
	padding-left: 0px;
	margin-bottom: -1px;
}
.profile-details{
	float: left;
	margin-bottom: 20px;
}
.middle-panel-image{
	max-width: 60px;
	min-width: 56px;
}
.side-nav .btn{
	background-color: #424242;
	color: white;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
	padding: 7px 3px;
	font-weight: bold;
}
.side-nav .btn:hover{
	background: #eb6a5a;
	border: 1px solid #da6653;
}
.profile-details{
	float: left;
	margin-bottom: 20px;
}
.profile-pic{
	float: left;
}
.profile-links{
	float: left;
	margin: 10px;
	font-weight: bold;
}
.profile-links span{
	color: #444;
}
.profile-user-info-wrap{
	margin-top: 10px;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 10px;
}
.media-body a{
	font-weight: bold;
	font-size:12px;
}
.media-wrap{
	border-bottom: 1px solid #dddddd;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-bottom: 10px;
}
.media-wrap.last{
	border-bottom:none;
	padding-bottom: 0px;
	margin-bottom:0px;
}
.img-thumbnail a{
	font-size: 12px;
}
.next-week-hotty img{
	margin-right: 5px;
}
.vote-now{
	margin-right: 10px;
	display: inline-block;
}
/*************RIGHT DESKTOP NAVIGATION**************/
.add-photo-nav{
	background: url("../../img/AddPhoto.png")center center no-repeat;
	width: 100px;
	height: 100px;
	border: 1px solid #e7e7e7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.upload-photo-wrap{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
}
.panel.panel-default.grey{
	background: #f7f7f7;
}

.panel-profile{
	border: 1px solid #efefef;
}
.panel-profile>.panel-heading{
	border-bottom: 1px solid #efefef;
	background: #f7f7f7;
}
.you-might-like-btn{
	margin: 6px 2px 0 5px;
}

.you-may-like img{
	max-width: 28%;
	min-width: 25px;
}
.you-may-like .last{
	margin-right: 0px;
}

/*  main profile  */
.nope{
	background: #b2463a !important;
	border: none;
	margin-bottom: 5px;
	font-weight: normal;
	border: 1px solid #b2463a ;
}
.nope:hover{
	color: #b2463a !important;
	background: white !important;
	border: 1px solid #b2463a !important;
	font-weight: normal;
}
.send-card-photo-wrap{
	float: left;
}
.view-card-user-details{
	margin-top: 30px;
	float: left;
}
.card-hover:hover{
	background: #e2f3f7;
	cursor: pointer;
}
.card-btn-dropdown .dropdown-menu{
	left: -112px;
}
.card-hover{
	padding: 10px;
}
.view-card-btn{
	margin-top: 17px;
}

.date-time-card{
	color: #c2c2c2;
	margin-top: 6px;
}
.chat-btn{
	font-weight: bold;
}
.card-btn{
	background: #5395cd;
	color: white;
	font-weight: bold;
	border: 1px solid #5295cc;
}
.card-btn:hover{
	border: 1px solid #5295cc;
	background: white;
	color: #5295cc;
}
.send-card-img{
	max-width: 292px;
}
.send-card-img img{
	width: 100%;
}
.cards-wrap{
	position: relative;
}
.cards-photo{
	position: absolute;
	top: 13px;
	right: 24px;
}
cards-photo {
	font-size: 16px;
}
.cards-photo span{
	font-size: 13px;
	margin-right: 5px;
	padding-bottom: 3px;
}
.cards-photo .badge{
	border: none;
	 background: rgba(0, 0, 0, 0.6);
}

.cards-bg{
	background: url("../../img/cards-bg.png") 0 0 no-repeat;
}
.the-blog{
	position: relative;
}
.align{
	float: left;   /* aling the images/thumbnails */
	margin-bottom: 8px;
}
.padding-none{
	padding-left:0;
	padding-right:0;  /* to remove excess padding */
	padding:0px;
	background: white;
}
.margin-none{
	margin: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.date-time{
	color: #c2c2c2;
	margin-top: 6px;
}
.date-time i{
	padding-right: 5px;}
.btn i{
	margin-right: 5px;
}
.fa .fa-comments{
	margin-right: 5px !important;
}

.username{
	padding: 10px 0 10px 0;
}
.username a{
	color: #579dd4 !important;
	font-size: 14px;
}
.username a:hover{
	color: #ea6a5a !important;
}
.username .btn{
	margin-right: 5px;
}
.user-wrap{
	display: block;
	float: left;
	width: 100%;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 0px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	position: relative;
}
.vote-hotties-wrap{
	margin-top: -10px;
}
.edit-profile-wrap .user-wrap{
		padding-bottom: 0px !important;
}
@media screen and (min-width:768px) and (max-width:995px){
	.setting-body{
		float: left;
		margin-left: 20px;
		width: 70%;
	}
	.setting-body .grey-bg{
		width: 100%;
	}

	.edit-profile-wrap .panel-default {
		width: 100%;
}
	.grey-bg .btn-success{
		margin-top: 15px !important;
	}

}
@media screen and (min-width:480px) and (max-width:568px){
.setting-body .grey-bg{
	width: 65%;
}
}
@media screen and (min-width:0px) and (max-width:480px){
	.setting-body .grey-bg{
		width: 100%;
		float: left !important;
	}
}
.panel-footer-small{
	background: #f7f7f7;
	padding: 6px;
	border-top: 1px solid #efefef;
	overflow: auto;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.panel-footer-medium{
	background: #f7f7f7;
	padding: 20px;
	border-top: 1px solid #efefef;
}

/*************SETTINGS TABS STYLE*************/

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.active a{
	color: #333;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
}
.line-break{
	border-bottom: 1px solid #efefef;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	padding: 0px;
}


.friend-requests{
	margin-top: 10px;
	margin-bottom: 30px;
}
.middle-tabs{
	border-bottom: 1px solid #efefef;
	margin-top: -10px !important;
}
.middle-tabs.nav-tabs > li{
	border-right: 1px solid #efefef;
	padding: 5px 15px 5px 15px;
	border-bottom: 1px solid #efefef;
	max-width: 100%;
	}
 .middle-tabs .active{
	border-bottom: 1px solid white !important;
 }
 .middle-tabs .active a{
	color:#4d4d4d;
 }
 .middle-tabs a{
	color:#9b9b9b;
 }
 .badge.tab-badge.cards{
	background: white;
	border:1px solid #4093d0;
	color:  #4093d0;
 }
 .card-blue{
	background: #dff4f8;
	max-height: 86px;
 }

@media screen and (max-width: 480px){

.middle-tabs.nav-tabs > li{
	width: 100%;
}

.payment-form{
	margin-bottom: 10px !important;
	display: block;
}
.upgrade-features li{
	font-size: 13px !important;
}

}

/*************USER UPGRADE*************/
.upgrade-body-title {
  background: none repeat scroll 0 0 #F9F9F9;
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  padding: 33px;
  text-align: center;
}
.upgrade-body-title span {
  font-weight: bold;
}
.upgrade-features{
	margin-top: 30px;
	margin: 0 auto;
	max-width: 300px;
}
.upgrade-features ul li p {
  padding-top: 15px;
  text-align: center;
}
.upgrade-features ul li {
  font-size: 15px;
  font-weight: normal;
  line-height: 33px;
}
.upgrade-features i {
  padding-right: 14px;
}
.upgrade-view-all {
  font-weight: bold;
  font-size: 14px;
}

.freature-table {
  margin-top: 4%;
  margin: 0 auto;
}
.single-feature-table {
	color: #777777;
	display: block;
	margin-bottom: 20px;
	padding: 0px;
}
.price{
	font-size: 16px;
	margin-top: 18px;
}
.price-margin{
	margin-top: 8px;
}

.middle-table {
	background: none repeat scroll 0 0 #FFFFFF !important;
	border: 2px solid #94B966;
	border-radius: 5px;
	text-align: center;
	padding-bottom: 20px;
	-webkit-box-shadow: 0px 0px 26px 0px rgba(48, 50, 50, 0.54);
	-moz-box-shadow: 0px 0px 26px 0px rgba(48, 50, 50, 0.54);
	box-shadow: 0px 0px 26px 0px rgba(48, 50, 50, 0.54);
	position: relative;
	right: -1px;
	z-index: 999999;
		}

.single-feature-table-top {
	text-align: center;
	border: 1px solid #efefef;
	padding: 20px;
	margin-top: 20px;
	background: #f9f9f9;
	margin-left: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.middle-feature-table {
  box-shadow: 0 1px 0 0 #DDDDDD;
  -moz-box-shadow: 0px 1px 0 0 #DDDDDD;
  -webkit-box-shadow: 0px 1px 0 0 #DDDDDD;
  background: none repeat scroll 0 0 #F9F9F9;
  margin-bottom: 10px;
  padding-bottom: 14px;
  text-align: center;
}
.upgrade-button {
	padding: 6px 23%;
	font-weight: bold;
}
.middle-upgrade-button {
  background: #94b966;
}
.single-feature-table-top h3 {
  font-size: 23px;
  line-height: 12px;
  color: #505050;
}
.single-feature-table{
	float: left;
	width: 33%;
	margin-top: 30px;
}
.middle-table h3 {
  font-size: 23px;
  padding-top: 12px;
  color: #505050;
}
.middle-table h4 {
  margin: 0;
  padding: 0;
  background: #94B966;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
}

.single-feature-table-bottom p {
  text-align: center;
}
#save {
	color: #eb6a5a;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 17px;

}

@media screen and (max-width: 991px) and (min-width:480px){
	 .upgrade-body{
		width: 100%;
	 }
	 .upgrade-features{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin-top: 20px;
	 }
}
@media screen and (max-width: 480px){
	.single-feature-table{
		width: 100%;
		float: none;
	}

}
.m30 {
  margin-top: 30px;
}
.locked-area {
  background: none repeat scroll 0 0 #F9F9F9;
  color: #999999;
  font-size: 21px;
  margin: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #f1f1f1;
}
/* Side bar CSS */
.upgrade-testimonial-top p {
  color: #b3b3b3;
  padding: 20px 10px 15px;
}
.upgrade-testimonial-bottom {
  border-top: 1px solid #DDDDDD;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 17px;
}
.upgrade-testimonial-bottom img {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.upgrade-testimonial-bottom p {
  font-size: 13px;
  margin: -8px 0 5px;
  color: #b3b3b3;
}
.upgrade-testimonial-bottom h4 {
  margin: 0px 0 12px;
}
@media screen and (max-width: 800px){
	.absolute-wrap{
		position: relative;
		display: block;

	}
	.single-feature-table{
		padding: 0px;
	}
}

.triangle-up {
  border-bottom: 8px solid #DDDDDD;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  height: 0;
  width: 0;
  margin-left: 18px;
}
.payment-logo {
  padding: 12px;
}
.payment-logo img {
  width: 100%;
}

/* Messages CSS */

@media screen and (max-width:480px){
	.mobile-none{
		display: none;
	}
	.container{
		padding-left: 0px;
		padding-right: 0px;
	}

}

body.modal-open, .modal-open #page, .modal-open #messages-box, #messages-box .modal-dialog, #messages-box .modal-body, #messages-box .row, #messages-box .col-md-7, #messages-box .message-body {
    max-height: 100%;
}
.message-title{
	font-size: 16px;
}
.message-text{
	line-height: 22px;
}
.message-title span{
	font-weight: bold;
}
.message-icon{
	position: relative;
	top: 1px;
	margin-left: 5px !important;
	margin-right: 5px !important;
}
#messages-box .modal-content {
    max-height: 55%;
}
.last-message{
	border-bottom: 1px solid #e7e7e7
}
.modal-header.no-text{
	padding: 10px 15px 26px 0px;
}
.modal-header h4 {
    display: inline-block;
    margin: 0;
}
.card-wrap{
	background: grey !important;
}
.white-wrap{
	background: white;
}
.with-icon {
    display: inline-block;
}

#messages-box .modal-body {
	padding: 0px;
	min-height: 380px;
}

#messages-box .modal-body .col-md-5, #messages-box .modal-body .col-md-7{
    padding: 0;
}
#messages-box .modal-body .col-md-7 {
    border-left: 1px solid #CECECE;
}

.user-messages-list {
    padding: 0;
}
.popup-search .fa.fa-search{
	margin-right: 0px;
}

.message-btns-wrap{
	margin-top: 5px;
}
.message-head{
	background:#f9f9f9;
}
.showonclick .btn i {
	font-size: 16px;
	color: #797979;
}

.user-messages-list > li {
    display: block;
    overflow: auto;
    padding: 12px 10px;
	 cursor: pointer;
}

.user-messages-list > li.unread {
    background: #dff4f8;
}

.max-width-350{
	max-width: 350px;
}
.popup-search, #messages-box .modal-body .col-md-7 {
    background-color: #f9f9f9;
}

.message-head, .popup-search {
    height: 60px;
    padding: 10px 10px 0;
    border-bottom: 1px solid #e7e7e7;
}
 .showonclick img{
	margin-right: 10px;
 }

.message-body{
	margin-right: 10px;
	display: block;
	background: #fff;
	max-height: 80%;
}
.message-body.grey{
	background: #f7f7f7;
	min-height: 371px;
	overflow: hidden;
	width: 100%;
}
.input-group .fa.fa-search{
	color: #767676;
}
.showmessage img{
	margin-right: 10px;
}
.user-messages-list li > span, .message-head > span {
    float: left;
}

.timestamp {
    color: #d1d1d1;
    display: block;
    font-size: 12px;
	 margin-top: 2px;
}
.timestamp .fa{
	color: #d1d1d1;
}
.user-messages-list .badge {
    margin-top: 9px;
}
.tab-badge{
	margin-left: 5px;
}

.username-time {
    display: block;
    overflow: auto;
}

.user-chat {
	background: white;
	width: 100%;
	overflow-y: scroll;
	max-height: 300px;
}

.send-message {
    padding: 15px;
    width: 100%;
}
.unread-msg-right{
	background-color: #E5F3EF;
	padding: 5px 10px 5px 15px;
	margin-bottom: 15px;
}
.send-message .btn {
    margin-top: 20px;
	margin-bottom: 20px;
}
.message-max-height{
	max-height: 640px;
}
.inbox-max-height{
	max-height: 400px;
	overflow-y: scroll;
}
.message-upgrad {
	margin: 0 auto;
	text-align: center;
	padding-top: 25%;
}

.no-message-text{
	padding: 40px;
	text-align: center;
	line-height: 23px;
}
.message-upgrad > a {
    margin: 20px;
}

.blur-text .user-messages-list > li {
    overflow: hidden;
}

/********* User Notification ****************/
.checkbox p{
	padding-left: 5px;
	display: inline-block;
}
/********* Contact Us ****************/
.contact-form-wrap select, .contact-form-wrap textarea{
	width: 100%;
}
.contact-reason{
	margin-top: 30px;
}
.message-wrap{
	margin-top: 40px;
	margin-bottom: 40px;
}
/*********  404 Page ****************/
.error-page-body {
  text-align: center;
  margin-top: 100px;
}
.error-page-body h4{
	font-size: 20px;
}

@media screen and (max-width:600px) and (min-width:0px){
.error-bg-style{
	width: 100% !important;
}
}
.error-page-body h1 {
  font-weight: bold;
  font-size: 40px;
}
.error-bg-style {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0 auto;
  padding: 22px 23px;
  width: 40%;
  margin-top: 20px;
  margin-bottom: 40px;
}
.error-bg-style span {
  color: #b2453b;
}
/*********  All Popup Page ****************/
.fl {
  float: left;
}
.cr {
  text-align: center;
}

.large-font {
  font-size: 21px;
  font-weight: bold;
}
.large-font2 {
  font-size: 21px;
  font-weight: normal;
}
.modal-dialog3 {
  margin: 30px auto;
  max-width: 320px;
  position: relative;
  z-index: 1050;
}
.modal.fade .modal-dialog3 {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog3 {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-footer3 {
 padding: 10px 20px;
  text-align: right;
}
.username3 {
  margin-top: 30px;
}
.username3 {
  padding: 9px 0 0 10px;
}
.m10 {
  margin-top: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.pl5 {
  padding-left: 5px;
}
.account-type li{
	line-height: 30px;
}
.account-type span{
	font-weight: bold;
}
.account-type select{
	margin-top: 10px;
	margin-bottom: 30px;

}
.radio-setting{
	padding-left: 20px;
}

/*********  Winks Page ****************/
.inverse {
  background: #424242;
  color: #ffffff;
}
.inverse:hover .fa{
	color: #767676;
}

.pagination-bg{
	background-color: #fff;
	max-width: 95%;
	margin-left: 2%;
	text-align: center;

}
.pagi-margin{

}
.pagi-margin-item1{
	margin-right: 20px !important;
}
.pagi-margin-item2{
	margin-left: 20px !important;
}
.profile-pull{
	margin-left: -11px;
}
.card-wrap-details{
	float: left;
	width: 100%;
	max-height: 80px;
	}
@media screen and (max-width: 992px){
	.city-dropdown{
		width: auto !important;
	}

	.sm-screen-margin{
		margin: 5px;
	}
	.sm-screen-location{
		margin-top: 45px;
	}
}
.btn-card-wrap{
	margin-top: 15px;
}
.card-user-image{
	margin-left: 10px;
	max-width: 60px;
	float: left;
	margin-top: 15px;
}
.card-user-image img{
	width: 100%;
}
.card-btns-right{
	float: right;
	margin-top: 10px;
	margin-right: 6px;
	}
.card-btns-left{
	float: left;
	margin-left: 6px;
	margin-top: 10px;
}
.modal-body.send-card-wrap{
	padding-top: 13px !important;
	padding: 0px;
}
/*********  TAB PANNELS ****************/

@media screen and (max-width:600px ){

	.btn-card-wrap{
		position: absolute;
		left: 75px;
		max-width: 80%;
		top: 22px;
		}
	.username{
		font-size: 12px;
	}
	.username a{
		font-size: 12px;
	}
	.btn-card-wrap span{
		display: none;
	}
	.btn-card-wrap i{
		text-align: center;
	}
	.date-time{
		display: none !important;
	}
	.username{
		min-width: 50%;
		margin-top:-10px;
	}
	.username.hottie{
		max-width: 100%;
	}
	.vote-btn{
		margin-top: 0px;
		margin-left: 15px;
		position: absolute;
		top: 37px;
		right: 2px;
	}
	.view-card-btn{
		position: absolute;
		right: 39px;
		top: 20px;
		}

}


	@media screen and (min-width:600px) and (max-width:994px){
		.date-time.cards-page{
			display: none !important;
		}
		.username{
			padding: 0 0 10px 0;
			float: left;
			margin-top: 10px;
		}
		.btn-card-wrap{
			margin-top: 15px;
		}
	}
/*******complete basic profile style***********/
#header{
	border-bottom:3px solid #eb6a5a;
}

.center{
	text-align:center;
}
.big{
	font-size: 24px;
}
.form-size{
	width: 20%;
	float: left;
	margin: 0 10px 0 0;
}
.arrow_box {
	position: relative;
	background: #c2e1f5;
	border: 2px solid #99d7ff;
	margin-left: 43px;
	padding: 8px;
	float: left;
	width: 28%;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #c2e1f5;
	border-width: 15px;
	margin-top: -15px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #99d7ff;
	border-width: 18px;
	margin-top: -18px;
}
.form-width-control{
	width: 64%;
	float: left;
}
.horizontal-line{
	position: relative;
	top: 25px;
}
.complete-btn{
	position: relative;
	left: 46%;
}
#form > div:first-child{
	margin-top: 25px;
}
.box-arrow{
	margin-top: -20px;
}
@media screen and (max-width: 1200px){
	.form-size{
		width:19% !important;
	}
	.complete-btn{
		left: 38% !important;
	}
}
@media screen and (max-width: 991px){
	.form-size{
		width:18% !important;
	}
	.form-width-control{
		width: 59% !important;
	}
	.complete-btn{
		left: 20% !important;
	}
}
@media screen and (max-width: 767px){
	.complete-btn{
		left: 46% !important;
	}
}

/*************register modal******************/
#register .modal-body{
	padding:0;
}
#register .align-inputs{
	margin-top: 23px;
}
#register .align-inputs-last{
	margin-top: 47px;
}
#register .modal-body > p{
	padding: 15px 0 15px 25px;
	background-color: rgba(211, 211, 211, 0.26);
}
#register .lock{
	position: absolute;
	left: 53%;
	top: 7%;
}
#register #form{
	padding: 10px 15px 15px 30px;
}
#register .btn-align{
	position: relative;
	left: 75%;
}


/******************* full profile css*************/
.table-striped{
	border: 1px solid #efefef;
}
.feature{
	color: #999999;
}

.profile-main-image{
	padding: 0px;
	margin-bottom: 20px;

}
.profile-main-image img{
	width: 100%;
}
.profile-info-btns{
	padding: 0px;

}
.personality-btns{
	padding: 0px;
	margin-bottom: 10px;
}
.profile-username{
	font-size: 20px;
	margin-bottom: 10px;
}
.user-address{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
.profile-buttons{
	margin-bottom: 20px;
	margin-top: 20px;

}

.profile-buttons .fa{
	margin-right:4px;
}
/************Create Profile style*********************/
.center-head{
	text-align: center;
	font-size:22px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 200;
}



.box-arrow-title{
	position: relative;
	top: -5px;
	margin-left: 5px;

}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 17px solid transparent;
	border-right: 22px solid #e2f3f8;
	position: absolute;
	left: -14px;
	top: 20px;
}

.margin-arrow-align{
	margin-top: 20px;
}
.div-panel-about .radio, .checkbox{
	margin-bottom: 13px !important;
}


.div-panel-about{
	float:left;
	width: 64%;
	margin-left: 12px;
	padding: 5px;
}
.margin-arrow-align{
	margin-top: 20px;
}
.div-panel-about .radio, .checkbox{
	margin-bottom: 13px !important;
}

.div-panel-about .indent-left{
	margin-right: 15px;
}
.btn-footer{
	margin: 20px 20px;
	font-weight:bold;
}
a.btn-footer{
	font-weight: bold;
}
a.btn-footer:hover{
	font-weight: bold;
}


/***************profiles pic***********************/
.profile-pic-style-copy1, .profile-pic-style-copy2{
	border:none;
}
.profile-pic-style-copy2{
	width: 205px !important;
}
.edit-profile .glyphicon{
	font-size: 22px;
	display: inline-block;
	margin-right: 2px;
}
.button{
	margin-top: 20px;
}

/**********************range styling**********/
.range-bg{
	background-image: none !important;
	background-color: #eb6a5a !important;
}
.full-slider-body{
    background-image: none !important;
	background-color: rgb(214, 214, 214) !important;
	border: none !important;
	box-shadow: 2px 2px rgb(196, 183, 183);
}
.corner-circle-red{
    border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
	border: 3px solid #eb6a5a !important;
	background-image: none !important;
	background-color: rgb(247, 247, 247) !important;
}
.ui-slider-horizontal .ui-slider-handle{
	top: -6px !important;
	margin-left: -.6em !important;
}
.ui-slider .ui-slider-handle{
	position: absolute !important;
	z-index: 2 !important;
	width: 25px!important;
	height: 25px!important;
	cursor: default!important;
}
/*************message popup bind*************/

.bind-popup{
	margin-left: 0;
	margin-right: 0;
}

/****************image none a message popup upgrade*********************************/
.text-centered{
	text-align: center;
}
.panel-heading.upgrade{
	padding: 0px;
}
.img-popup{
	float:left;
	margin: 5px;
}

.message-next-btn{
	margin-top: 7px;
	padding: 8px 28px;
	}
.bind-body{
	margin-left:0;
	margin-right:0;
}
.facebook-title{
	text-align: center;
	font-weight: bold;
}
.facebook-upload-wrap .modal-body{
	padding-top: 0px;
}
.padding-left-10{
	padding-left: 10px;
}
.facebook-select{
	padding-right: 5px;
	padding-left: 5px;
}
.facebook-upload-img{
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	width: 20%;
}
/**********************popup add photos *************************************/
.padding-15{
	padding: 0px 15px 0px 15px;
}
.facebook-promise{
	max-height: 50px;
}
.middle-panel-image{
	float:left;
	margin-right: 10px;
}
.letter-size{
	font-size: 20px;
	text-align:left;
	margin-top: 15px;
	font-weight: normal;
	margin-bottom: 30px;
	margin-left:20px;
}
.letter-size span{
	font-weight: bold;
}
.lock-size{
	font-size: 16px;
	color: #676767;
	margin-top: 4px;
}
.popover{
	max-width: 420px !important;
}
.contain-size{
	width:70%;
}
.font-size-large{
	font-size: 26px;
}

.checkbox-position{
	position: absolute;
	margin-bottom: 15px !important;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0);
	margin-left: 15px !important;
}
.modal-overflow{
	overflow-y: scroll;
	height: 400px;
}
.button-fixed-position{
	margin-right: 15px;
	margin-top: -5px;
}
.label-fixed-selection{
	font-weight: 100;
	font-size: 15px;
	margin-left: 20px;
}
/**************************************/
.img-holder{
	margin-left: 20px;
	width: 106px;
	height: 106px;
	position: relative;
	padding: 3px;
	background: white;
	margin-right: 20px;
	margin-bottom: 15px;
}
.arrow-box-title{
	position: relative;
	top: -5px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	cursor: pointer !important;
}
label.filebutton {
	width: 100%;
	height: 100%;
    position:relative;
		background-color:#5395cd;
	 cursor: pointer;
}
.filebutton .fa{
	color: white;
	font-size: 33px;
	padding: 35px;
}

label span input {
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    margin: 0;
    padding:0;
}
.plus-placement{
	font-size:24px;
	left: 40%;
	top: 34px;
	color: #FDFDFD;
}

.media-visible-dropdown{
  overflow: visible;
}


/***************************little message sidebar left********************/
.message-sidebar-left{
	background-color: #f7f7f7;
	margin-top: 15px;
	width: inherit;
	font-size: 13px;
	width: 100%;
	line-height: 28px;
	padding-bottom: 20px;
	}
.message-sidebar-left > ul{
	position: relative;
	padding-left: 0;
	padding-bottom: 15px;
}
.message-sidebar-left > ul li{
	font-weight: 700;
	font-size: 13px;
	padding-left: 20px;
}
.message-sidebar-left div:last-child{
	margin-top: 20px;
}
.icon-indent{
	margin-right: 10px;
}
.btn-margin-20{
	margin-left: 20px !important;
}
.btn-default i{
	color: #797979;
}
.center-button{
	left: 25%;
}
.left-menu .fa{
	color: white;
}
.icon-left-margin{
	margin-left: 25px;
}
.upgrade-favourite{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}


/*********************profile photo styling*************/
.profile-pic-style-copy1{
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	position: absolute;
	width: 205px;
	box-shadow: 0px 1px 1px #333;
	margin-left: 12px;
	}
.profile-pic-style-copy2{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	position: absolute;
	width: 210px;
    box-shadow: 0px 1px 1px #333;
	margin-left: 12px;
	}
.profile-pic-style-orig{
	width: 203px;
	box-shadow: 0px 1px 1px #333;
	margin-left: 12px;

}

/***************search profiles******************/
.search-image{
	max-width: 100%;
}
.search-image img{
	width: 100%;
}
.main-search-wrap{
	margin-bottom: 15px;
}
.pagination-lg > li > a, .pagination-lg > li > span {
	padding: 6px 12px;
	font-size: 12px !important;
	color: #7e7e7e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.pagination-lg > li:last-child > a{
	color: #4193d0 !important;
}
.pagination-lg > li:last-child > a:hover{
	color: white !important;
}
.chev-arrow-positioning{

}
.pagination > li:first-child > a:hover{
	color: white;
}
	.btn-container button{
		font-size: 13px;
	}


.btn-container{
	margin-left: -10px;
	min-width: 200px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
cursor: default;
background-color: #eb6a5a !important;
border-color: #e7e7e7 !important;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
@media screen and (max-width: 480px){
	.xxs-screen-size{
		clear: both;
		width: 400px;
		float: none;
	}
	.center-align-panel{
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 600px){
	.pagi-margin {
		margin-left: 0% !important;
		margin-top: 3px;
	}
}
.first-last-radius{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.vert-align-pad{
	padding: 10px 0;
}
.past-active{
	background-color: #f4f4f4;
	width: 103.9%;
	margin-left: -2%;
	margin-bottom: -2%;
	border-radius: 2px;
	text-align: left;
	color: #444;
	font-size: 11px;
	padding: 7px 0 9px 13px;
}
@media (min-width: 769px){
	.past-active{
		width: 103.9%;
		margin-left: -2%;
		margin-bottom: -2%;
	}
}
.font-username-bold{
	font-weight:bold;
	font-size: 14px;
}
.font-contain-left{
	margin-left: -7px;
}
.padding-align-profile{
	padding: 4px !important;
}
.hot-not-wrap{
	width: 100%;
}
.cards-large-image{
	min-width: 190px;
}
.cards-large-image img{
	width: 100%;
}
@media screen and (max-width: 991px) and (min-width:800px){

	.hot-not-wrap{
		width: 50%;
		text-align: center;
		margin: 0 auto;
	}
	.blog-wrap{
		position: absolute;
		top: 1210px;
		width: 100%;
	}
	.home-profile-wrap {
		min-height: 1770px;
	}
	.new-members-wrap{
		padding: 0px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 800px) and (min-width:480px){
.home-profile-wrap{
		width: 100%;
	}
	.hot-not-wrap{
		width: 30%;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 30px;
	}



}
.p-profile-loc{
	margin: 0px 0 7px -7px !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
	.pagination > li > span:focus {
	background-color: #eb6a5a !important;
	border-color: #e7e7e7 !important;
	color: white;
}
@media screen and (max-width: 1200px){
	.chev-arrow-width{
		width: 25px;
	}
}

.chev-arrow-width{
	width: 25px;
}
.caret-position{
	margin-left: -4px !important;
}
.wink-profile-position{
	margin-left: 1.5px;
}
.winks-wrap {
	padding-bottom: 100px;
	margin: 0 auto;
	max-width:330px;
	min-height: 270px;
}
.winks-wrap .grey-bg{
	padding: 10px;
	float: left;
	max-width: 100%;
}
.winks-wrap span{
	font-weight: bold;
}
.panel-styling-profile{
	border-radius: 6px;
  box-shadow:0 1px 1px rgba(0,0,0,0.5);
	cursor: pointer;

}
.panel-styling-profile:hover{
	border: 1px solid #eb6a5a;
}
.search-mobile:last-child{
	margin-right: 0px;
}
.fa.fa-search{
	color: white;
}

.search-panel-link{
	float: left;
	border:  1px solid red;
}

/****************registration****************/
.upper-contain{
	width: 100%;
	background-color: rgba(219, 219, 219, 0.39);
	display: block;
}
.wrap-reg-text{
	width: 85%;
	display: inline-block;
	padding: 20px 10px 20px 20px;
}
.wrap-reg-lock{
	width: 10%;
	display: inline-block;
	padding-left: 5px;
}
#register .lock{
	position: initial !important;
	left: 0 !important;
	top: 0 !important;
	font-size: 20px;
}
.form-reg-marg{
	margin-right: 0 !important;
}
.form-control{
	border-color: #efefef;
	box-shadow: none;
}
#register .form-control{
	width:100% !important;
}
#register .align-inputs-last{
	margin-top: 22px !important;
}

/*******************message pop-up**********************/



.message-popup-image{
	max-width: 40px;
}
.popup-top{
	margin-top: 35px;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 40px;
}

.you-might-like-wrap{
	margin-top: 40px;
	margin-bottom: 40px;
	margin: 0 auto;
	max-width: 280px;
	margin-bottom: 17%;
}
you-might-like-wrap p{
	font-size: 14px;
}
.btn.btn-success.center-block {
	display: block;
	padding: 3px 20px !important;
	font-size: 14px;
	font-weight: bold;
}
.btn.btn-success .glyphicon.glyphicon-search{
	font-size: 13px;
}
.img-popup{
	margin: 5px 3px 5px 3px;
}
.msg-popup-bot{
	padding-bottom: 45px;
}
.unread-msg-right{
	background-color: white;
	padding: 15px;
	margin-bottom: 5px;
}
.textarea-popup-msg{
	width:100%;
}
a.username-b-unread {
	color: #525252  !important;
}



@media screen and (max-width: 480px){
	.search-mobile{
		width: 100% !important;
	}
	.past-active{
		width: 101.9%;
		margin-left: -1%;
		margin-bottom: -1%;
		border-radius: 2px;
	}
	.profile-pull{
		margin: 0px;
	}

}
@media screen and (max-width: 767px){
	.past-active{
		width: 103.9%;
		margin-left: -2%;
		margin-bottom: -2%;
	}
	.profile-pull{
		margin: 0px;
	}

}
.profile-align{
	margin-left: -15px;
	margin-right: -15px;
}


/*********************create profile************************/
.large-header{
	background: #f7f7f7;
	padding: 30px 20px;
}
.profile-pic-wrap span{
	margin-right: 2px;
	margin-left: 2px;
}
.create-profile-wrap{
	padding-bottom: 20px;
	float:left;
}
.profile-pic-wrap{
	width:41%;
	float: left;
}

.winks-text{
	float: left;
	width: 50%;
}
.winks-btn{
	float: right;
}
.winks-btn a:hover{
	color:red !important;
}
.create-profile-arrow-wrap{
	width: 27%;
	float: left;
	margin-left: 13px;
}
.create-profile-arrow-wrap .glyphicon{
	font-size: 22px;
}
.create-profile-arrow-wrap{
	font-size: 12px;
}
.create-profile-img{
	width: 26%;
	float: left;
	margin-right:20px;
}
.create-profile-btns-push{
	padding-bottom: 27px ;
}

/***************profiles pic***********************/
.profile-pic-style-copy1, .profile-pic-style-copy2{
	border:none;
}
.profile-pic-style-copy2{
	width: 205px !important;
}

/************************create profile(arrows-fixed)***************/

.arrow-box {
	position: relative;
	background: #dff3f8;
	border: 1px solid #93b9d8;
	border-radius: 3px;
	padding: 8px;
	float: left;
	color: #7399b9;
	max-width: 100% !important;
}
.arrow-box:after, .arrow-box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box:after {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #e2f3f8;
	border-width: 15px;
	margin-top: -15px;
}
.arrow-box:before {
	border-color: rgba(153, 185, 214, 0);
	border-right-color: #99b9d6;
	border-width: 16.5px;
	margin-top: -16.5px;
}

/******************align the box arrow with the text box**************************/
.arrow-align-async{
	margin-top:18%;
}
@media screen and (max-width: 991px){
	.create-profile-arrow-wrap{
		display: none;
	}
	.profile-pic-wrap{
		width: 60%;
	}
	.create-profile-img{
		width: 32%;
		float: left;
		margin-right: 20px;
		margin-left: 15px;
	}
}

@media screen and (max-width: 796px){
	.form-control{
		margin-bottom: 10px;
	}
	.col-md-3.col-sm-3.no-padding-right{
		padding: 0px;
	}
	.no-padding-right{
		padding: 0px;
	}
	.div-panels-img{
		display: none;
	}
	.center-head span{
		display: none;
	}

}
@media screen and (max-width: 800px){
	.arrow-box{
		display: none;
	}
}
@media screen and (max-width: 520px){
	.center-head{
		font-size: 18px;
	}
	.create-profile-img{
		display: none;
	}
	.profile-pic-wrap{
		width: 100%;
	}
	.hot-not-wrap{
		width: 230px;
		text-align: center;
		margin: 0 auto;
	}

}

.show-grid{
	margin-bottom: 15px;
}
.show-grid [class^=col-]{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	background-color: rgba(86,61,124,.15);
	border: 1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);
}

.panel-footer a{
	font-weight: bold;
}
.view-profile-link{
	position: absolute;
	right: 30px;
	top: 11px
}

/******************search**************************/
.search-title{
	font-size: 22px;
	font-weight: bold;
}
.large-icon.glyphicon-search{
	font-size: 15px;
	font-weight: bold;
	margin-right: 4px;
}
.lookingfor-form-wrap{
	float: left;
}
.looking-for-text{
	float: left;
}
.looking-form-dropdown{
	float: left;
}
.looking-form-dropdown select{
	width: 100%;
}


.to-form-wrap{
	max-width: 20%;
	float: left;
}
.age-to-text{
	float: left;
}
.looking-form-dropdown{
	float: left;
}
.looking-form-dropdown select{
	width: 100%;
}
.advanced-search-btn{
margin-top: 10px;
}


.lookingfor-form-wrap{
	float: left;
	font-weight: bold;
}
.looking-for-text{
	float: left;
	margin-top: 8px;
}
.looking-form-dropdown{
	float: left;
}
.looking-form-dropdown select{
	width: 100%;
}

.age-number{
	width:60px !important;
	margin-right: 10px !important;
}
.location-small-form{
	width:95px !important;
}

.looking-for-text{
	margin-right: 10px;
}
.photo-info-wrap{
	max-width: 76%;
	float: left;
}

.search-save{
	margin-left: 20px;
}
.search-mobile{
	width: 34.1%;
}

.inline{
	display: inline-block;
	float: left;
}
.margin-right-12{
	margin-right: 12px;
}

.location-form{
	width: 100px !important;
	float:left;
}
@media screen and (max-width: 991px) and (min-width:0px){
	.checkbox-push{
		margin-top: 0px !important;
	}

}
.checkbox-push{
	margin-top: 30px;
	margin-bottom: 10px;
}
.align-checkbox{

}
.advanced-btn{
	display: none !important;
}


.age-to{
	float: left;
	font-weight: bold;
	padding-top: 10px;
}
.location-form{
	width: 100px;
	margin-left: 16px;
	float: left;
}
.search-title{
	font-size: 18px;
	font-weight: bold;
}
.mobile-from{
	display: none;

}
.mobile-to{
	display: none;
}
.mobile-location{
	display: none;
}

/******************FULL PROFILE MOBILE**************************/
@media screen and (max-width: 990px) and (min-width:800px){
	.full-proile-mobile-wrap{
		width: 78%;
	}


}

@media screen and (max-width: 800px) and (min-width:530px){
.full-proile-mobile-wrap{
	width: 100%;
}
.left-side-profile{
	width:40%;
	float:left;
}
.right-side-profile{
	width:60%;
	float:left;
}
.mobile-view-none{
	display:none;
}
.blog-wrap{
	position: absolute;
	top: 1290px;
	width: 100%;
}
.home-profile-wrap{
	min-height: 1850px;
}

.middle-panel-image{
	max-width: 76px;
}

}
@media screen and (max-width: 638px) and (min-width:0px){

	.mobile-btn{
		margin-top: 20px;
	}
	.mobile-from{
		font-weight: bold;
		font-size: 14px;
		font-weight: bold;
		display: block;
	}
	.mobile-location{
		font-weight: bold;
		display: block;
		position: relative;
		top: -37px;
	}
	.looking-for{
		display: none;
	}
	.mobile-to{
		font-weight: bold;
		display: block;
		position: relative;
		top: -20px;
	}
	.age-to{
		display: none;
	}
	.location-form{
		width: 93px;
		float: left;
		margin-left: 0px;
}
.looking-for-text{
	display: none;
}

}

@media screen and (min-width:992px){
	.half-width{
		max-width: 45% !important;
	}


}
@media screen and (max-width:991px) and (min-width:480px){
	.half-width{
		max-width: 48.20px% !important;
	}
}
@media screen and (max-width:480px) and (min-width:0px){
	.half-width{
		max-width: 47% !important;
	}
}
@media screen and (max-width: 530px){
.profile-buttons{
	top: 281px;
	position: absolute;
	left: -4px;
}

.pull-20{
	position: relative;
	top: -17px;
}
.pull-40{
	position: relative;
	top: -34px;
}

.push-20-mobile{
	display: block;
	margin-top: 20px;

}
.table-striped{
	margin-top: 350px;
}

.mobile-view-none{
	display: none;
}

.profile-main-image.mobile-view{
	width: 218px;
	position: absolute;
	top: 54px;
	padding: 10px;
	left: -14px;
}

.personality-btns{
	position: absolute;
	top: 261px;
	left: -12px;
	width: 330px;
}
.col-md-8.col-sm-8.padding-left{
	padding-left: 0px;
}
.middle-panel-image{
	margin: 0px;
	margin-right: 10px;
	float: left;
	min-width: 58px;
}

.mobile-push{
	margin-bottom: 10px;
}

.new-members-wrap{
	max-width: 100%;
	margin-top: 30px;
}

.checkbox-push{
	padding-top: 10px;
}
.advanced-search-btn{
	float: left;
	margin: 0px
}
.search-save {
	margin-left: 6px;
}
.dont-show-mobile{
	display: none;
}

.full-profile-thumbs{
	position: absolute;
	top: -641px;
	right: 10px;
	max-width: 57px;
}
.profile-info-wrap{
	position: absolute;
	top: -703px;
	left: 3px;
	}
.profile-info-btns{
	position: absolute;
	top: -696px;
	left: 1px;

}
.hide-pic-for-mobile{
	display: none !important;
}

.new-member-wrap{
	width: 30% !important;
}
.new-member-wrap.last{
	margin-right: 5px !important;
}
.looking-for-text{
	display: none;
}
.hide-pic-for-mobile{
	display: none;
}
.blog-wrap{
	position: absolute;
	top: 1022px;
	width: 100%;
}
.home-profile-wrap{
	min-height: 1600px;
}

}
@media screen and (max-width: 568px) and (min-width:480px){
	.hot-not-wrap{
		width: 50%;
	}
	.hide-pic-for-mobile{
		display: inline-block;
	}
	.blog-wrap{
		position: absolute;
		top: 1092px;
		width: 100%
	}

}
@media screen and (max-width: 768px) and (min-width:481px){
	.hide-pic-for-mobile{
		display: inline-block !important	;
	}
}
@media screen and (max-width: 800px) and (min-width:769px){
	.blog-wrap{
		position: absolute;
		top: 1316px;
		width: 100%;
	}
	.half-width{
		max-width: 48.9%;
	}


.home-profile-wrap{
	min-height: 1860px;
}
}
/******************NEW MEMBERS**************************/
.new-member-wrap{
	width: 23%;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
}
.new-member-wrap img{
	width: 100%;
}
.new-member-wrap.last{
	margin-right: 0px;
	}
/****************delete tab*****************/

.delete-wrap .radio-inline, .checkbox-inline{
	padding-left: 0px;
}
.qs{
	margin: -15px 0 5px 0;
	font-size: 13px;
	font-weight: bold;
}
.label-del{
	margin-top: -9px;
}
.input-del{
	margin-top: -13px;
}
.margin-del{
	margin-top: 20px !important;
}
.margin-del-small{
	margin-top: 25px !important;
}
.indent-del{
	margin-left: 20px;
}
.save-del{
	color:#579dd4 !important;
	margin-left: 10px;
}
/********************Upgrade in visitors*********************/


.upgrade-box-wrap{
		min-width: 360px;
		min-height: 249px;
		background: #f7f7f7;
		text-align: center;
		margin: 0 auto;
		position: absolute;
		right: 24%;
		left: 24%;
		top: 14%;
		box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
.favoutite-title{
	padding-bottom: 20px;
	padding-top: 20px;
	}
.upgrade-container{
	text-align: left;
	min-width: 290px;
	position: absolute;
	margin: 0 auto;
	top: 26%;
	left: 20%;
	right: 20%;
	line-height: 24px;
}
.upgrade-box-wrap .btn-success{
	max-width: 143px;
	margin-top: 20px;
}
@media screen and (max-width: 480px){
	.upgrade-box-wrap{
		right: 3%;
		left: 3%;
		min-width: 100px;
	}
	.add-photos-cover .facebook-btn{
		margin-left: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.add-photos-btns button{
		width: 80%;
	}
	.facebook-btn .fa{
		margin-right: 3px;
	}
	.add-photos{
		text-align: center;
	}
	.letter-size{
		text-align: center;
	}
}
@media screen and (max-width: 991px) and (min-width:800px){
.container-with-left-nav{
	width: 78%;
}
}
@media screen and (max-width: 991px) and (min-width:0px){
	.form-push-mobile{
		margin-top: 15px;
		overflow-x: hidden;
}

}
@media screen and (max-width: 480px) and (min-width:0px){
	.container-with-left-nav{
		width: inherit;
	}
}
@media screen and (max-width: 855px) and (min-width:0px){
.container-with-left-nav{
	width: 100%;
}

}
/**************force bio to center*************************/
@media screen and (max-width: 480px){
	.max-width-350{
		max-width: none !important;
	}
}
/**************add photo to center*************************/
@media screen and (max-width: 767px){
	.center-mobile{
		margin-left: 32% !important;
	}
}

/*******************setting delete account *****************/
.setting-delete-hide{
	display:none;
}
@media screen and (max-width: 991px) and (min-width:888px){
	.search-mobile{
		width: 34.3% !important;
	}
}

@media screen and (max-width: 697px) and (min-width:480px){
	.search-mobile{
		width: 49.9% !important;
	}
}
/*******************Search responsive*****************/
@media screen and (max-width: 800px) and (min-width:480px){
	.search-mobile{
		width: 33.3%;
	}
	.profile-pull{
		margin-left: 0px;
	}
	.search-height{
		padding-bottom: 15px;
		}

}
@media screen and (max-width: 480px) and (min-width:0px){
	.search-height{
		padding-bottom: 15px;
	}
	.mobile-btn-hide{
		display: none;
	}
	.form-group{
		font-size: 10px !important;
		min-width: 400px;
	}

}
@media screen and (max-width: 1000px) and (min-width:800px){
.search-height{
	padding-bottom: 15px;
	}
}
@media screen and (max-width: 700px) and (min-width:0px){
	.mobile-btn-hide{
		display: none;
	}
}
/*******************fixed the forms*****************/
.form-group{
	min-width: inherit;
}
